安装vuecli时出现错误解决

您所在的位置:网站首页 vue 下载文件无法打开 安装vuecli时出现错误解决

安装vuecli时出现错误解决

2023-04-23 16:07| 来源: 网络整理| 查看: 265

安装vuecli时出现错误解决

如果你是安装vuecli时遇到了问题,那你肯定安装vuecli之前首先得下载安装好nodejs并且配置好环境,怎样安装配置nodejs就不说了,网上教程很多。

这两天遇到问题看了很多博客,vuecli安装失败有很多,我也只能说几个我看到的能解决的。

问题一 可能是nodejs没安装好导致npm无法正常使用

解决方法: 打开控制台,输入以下命令: 1.输入下面两条命令,如果出现了版本号说明nodejs安装成功。

C:\Users\Myq>node -v v16.6.0 C:\Users\Myq>npm -v 7.20.3

2.安装成功还不一定行,还得检查一下你的模块安装路径和缓存路径有没有配置好(nodejs安装教程肯定建议大家修改模块安装路径node_global和缓存路径node_cache到nodejs安装目录下了)。打开控制台输入下面的命令,如果和你配置的一样那就没问题了,如果发现不是那就再按照别人的教程重新配置好环境变量等,附上别人的nodejs教程吧。 https://blog.csdn.net/qq_40593308/article/details/110559838 如果还是帮不到你,那我

C:\Users\Myq>npm config get prefix D:\nodejs\node_global C:\Users\Myq>npm config get cache D:\nodejs\node_cache

你想知道自己nodejs是否配置成功的话可以打开cmd,输入命令npm install express -g,然后打开你的node_global文件夹和node_cache文件,发现上面多了相应的内容就说明你安装成功了。这时候就可以去尝试打开cmd使用npm install -g @vue/cli,当然速度很慢的话你可以先提前更改npm的镜像成淘宝镜像,即输入下面命令

C:\Users\Myq>npm config set registry https://registry.npm.taobao.org

然后使用npm config get registry看是否更改成功

C:\Users\Myq>npm config get registry https://registry.npm.taobao.org/

这就是问题一,其实就是和你说问题可能是nodejs没下载好或者环境变量没有配置好。

问题二 可能是缓存问题

如果上面都没问题那就有可能是缓存问题了,可以尝试一下一些命令 我优先推荐这个命令 npm install -g @vue/cli --force,它是强行用最新版本覆盖你之前的旧版本。 如果你想用另外的方法解决也可以,可以试试在cmd用npm cache --force清理缓存,而我当时的方法 是直接跑去nodejs目录的node_global和node_cache文件将里面的东西全部删掉,让他们变成空文件夹,当然前提是你第一次下载nodejs,里面并没有你之前下载的其他模块依赖包 在这里插入图片描述

清理了缓存之后再运行 npm install -g @vue/cli就行了

问题三 可能是镜像问题

我就是遇到这个问题,很奇怪的,我的node和npm都没有问题,使用命令npm install -g vue安装vue也没有问题,于是我尝试把vscode删了重装(虽然我觉得问题可能没有出现在vscode这里),然后安装好vscode之后我试了一下npm install -g vue-cli发现安装依赖包成功了!!但是这个方法安装的是旧的版本2.x,然后我使用vue create vue_test来创建脚手架时它提醒我下载新的版本至少要cli3以上吧,于是我就使用npm uninstall -g vue-cli删除旧版本,当然你也可以在nodejs目录的node_global/node_modules下找到vue-cli文件删掉然后按照上面清除一下缓存。 在这里插入图片描述

弄完后再使用npm install -g @vue/cli尝试下载新版本,或许就可以了。但是神奇的是,当时我还是下载失败了!npm可以下载旧版本的vuecli和其他一些依赖包,却下载不了新版本的vuecli??于是我就找到了另外一个方法,那就是用cnpm下载vuecli。方法如下: 先安装cnpm

C:\WINDOWS\system32>npm install -g cnpm --registry=https: //registry.npm.taobao.org

然后输入cnpm -v查看是否下载成功,出现了下面一些版本就说明下载成功了

C:\WINDOWS\system32>cnpm -v [email protected] (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js) [email protected] (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js) [email protected] (D:\nodejs\node.exe) [email protected] (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js) prefix=D:\nodejs\node_global win32 x64 10.0.19042 registry=https://registry.nlark.com

使用命令cnpm --version可以看到淘宝镜像是否删除,若显示cnpm不是内部命令,就说明需要重新安装,就需要再次输入npm install -g cnpm --registry=https: //registry.npm.taobao.org

安装好cnpm之后再输入cnpm install -g @vue/cli下载vuecli,并且在下载好后可以输入 vue --version 检查当前的版本号,像下图就没问题了 在这里插入图片描述 这个时候手脚架安装完毕,可以新建项目啦!用cmd进入到创建的项目所在的文件夹输入vue create vuename就可以建立项目啦!!

还有一个重点!!!我下载依赖包都是在管理员身份下使用cmd的哦!!!!!

附上我参考的几个大佬的链接: https://blog.csdn.net/weixin_41562661/article/details/82774260 https://www.cnblogs.com/ChineseLiao/p/13253989.html https://blog.csdn.net/zhang19903848257/article/details/104162662

如果还是帮不到你,那你加油!!找多几篇别人的博客或者在csdn上找一下!!相信它一定能够解决的!!别放弃,加油!!!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3